<script lang="ts" setup>
import UserName from "./components/UserName.vue";
import ThirdLogin from "./components/ThirdLogin.vue";
</script>

<template>
  <div class="h-full w-full flex justify-center items-center">
    <div class="login-box w-4/5 sm:w-1/2 md:w-4/5 lg:w-3/5 xl:w-1/2 2xl:w-2/5">
      <div class="login-title mb-10 text-4xl">欢迎登陆</div>
      <div class="login-form">
        <UserName />
      </div>
      <ThirdLogin />
    </div>
  </div>
</template>
